<template>
  <div class="demo-button">
    <zyl-button label="label" @click="handleClick"/>
    <zyl-button>
      BUTTON
    </zyl-button>
    <h4>状态</h4>
    <zyl-button v-for="item in ['primary','success','warn','error','info']" :label="item" :key="item" :status="item"/>
  </div>
</template>

<script>
  export default {
    name: "demo-button",
    setup() {
      return {
        handleClick: () => {
          alert('click')
        }
      }
    }
  }
</script>

<style lang="scss">
  .demo-button {
    .zyl-button {
      margin-right: 8px;
    }
  }
</style>